
<script setup lang="ts">
import { useCounterStore } from '@/stores/counter';
const store = useCounterStore()
import { usejokerStore } from '@/stores/jokes';
const jokeStore = usejokerStore()
</script>

<template>
    <h2>我的页面</h2>
    <h3>{{ store.count }}</h3>
    <h3>双倍数据{{ store.doubleCount }}</h3>
    <button @click="store.increment()">点击累加</button>
    <h2>笑话</h2>
    <p>{{ jokeStore.joke }}</p>
    <button @click="jokeStore.refreshJoke"> 刷新笑话</button>
</template>

<style scoped>
img{
    width: 100%;
}
</style>